<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Whaley Info</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!--basic styles-->

		<link href="../../../Public/assets/css/bootstrap.min.css" rel="stylesheet" />
		<link href="../../../Public/assets/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../Public/assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="../../../Public/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!--page specific plugin styles-->

		<!--fonts-->

		<link rel="stylesheet" href="http://fonts.useso.com/css?family=Open+Sans:400,300" />

		<!--ace styles-->

		<link rel="stylesheet" href="../../../Public/assets/css/ace.min.css" />
		<link rel="stylesheet" href="../../../Public/assets/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="../../../Public/assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="../../../Public/assets/css/ace-ie.min.css" />
		<![endif]-->

		<!--inline styles related to this page-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
	<body id="">
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a href="#" class="brand">
						<small>
							<i class="icon-leaf"></i>
							Whaley Info  o2o云推广信息技术平台
						</small>
					</a><!--/.brand-->

					<ul class="nav ace-nav pull-right">
						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="../../../Public/assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>Welcome,</small>
									Jason
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
								<li>
									<a href="#">
										<i class="icon-cog"></i>
										Settings
									</a>
								</li>

								<li>
									<a href="#">
										<i class="icon-user"></i>
										Profile
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="icon-off"></i>
										Logout
									</a>
								</li>
							</ul>
						</li>
					</ul><!--/.ace-nav-->
				</div><!--/.container-fluid-->
			</div><!--/.navbar-inner-->
		</div>

		<div class="main-container container-fluid">
			<a class="menu-toggler" id="menu-toggler" href="#">
				<span class="menu-text"></span>
			</a>

			<div class="sidebar" id="sidebar">
				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span>

						<span class="btn btn-info"></span>

						<span class="btn btn-warning"></span>

						<span class="btn btn-danger"></span>
					</div>
				</div><!--#sidebar-shortcuts-->

				<ul class="nav nav-list">
					<li>
						<a href="index.html">
							<i class="icon-dashboard"></i>
							<span class="menu-text"> 主页 </span>
						</a>
					</li>
					<li>
						<a href="#" class="dropdown-toggle">
							<i class="icon-desktop"></i>
							<span class="menu-text"> 客户管理 </span>

							<b class="arrow icon-angle-down"></b>
						</a>

						<ul class="submenu">
							<li>
								<a href="elements.html">
									<i class="icon-double-angle-right"></i>
									Elements
								</a>
							</li>

							<li>
								<a href="buttons.html">
									<i class="icon-double-angle-right"></i>
									Buttons &amp; Icons
								</a>
							</li>

							<li>
								<a href="treeview.html">
									<i class="icon-double-angle-right"></i>
									Treeview
								</a>
							</li>

							<li>
								<a href="#" class="dropdown-toggle">
									<i class="icon-double-angle-right"></i>

									Three Level Menu
									<b class="arrow icon-angle-down"></b>
								</a>

								<ul class="submenu">
									<li>
										<a href="#">
											<i class="icon-leaf"></i>
											Item #1
										</a>
									</li>

									<li>
										<a href="#" class="dropdown-toggle">
											<i class="icon-pencil"></i>

											4th level
											<b class="arrow icon-angle-down"></b>
										</a>

										<ul class="submenu">
											<li>
												<a href="#">
													<i class="icon-plus"></i>
													Add Product
												</a>
											</li>

											<li>
												<a href="#">
													<i class="icon-eye-open"></i>
													View Products
												</a>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<a href="#" class="dropdown-toggle">
							<i class="icon-list"></i>
							<span class="menu-text"> 订单管理 </span>

							<b class="arrow icon-angle-down"></b>
						</a>

						<ul class="submenu">
							<li>
								<a href="form-elements.html">
									<i class="icon-double-angle-right"></i>
									订单列表
								</a>
							</li>

							<li class="active">
								<a href="order_account_check.html">
									<i class="icon-double-angle-right"></i>
									订单比对
								</a>
							</li>

							<li>
								<a href="alipay_trade_list.html">
									<i class="icon-double-angle-right"></i>
									支付宝交易数据
								</a>
							</li>
							
							<li>
								<a href="wuliubao.html">
									<i class="icon-double-angle-right"></i>
									物流宝数据
								</a>
							</li>
						</ul>
					</li>

					<li>
						<a href="#" class="dropdown-toggle">
							<i class="icon-file-alt"></i>

							<span class="menu-text">
								设置
								<span class="badge badge-primary ">4</span>
							</span>

							<b class="arrow icon-angle-down"></b>
						</a>

						<ul class="submenu">
							<li>
								<a href="error-404.html">
									<i class="icon-double-angle-right"></i>
									Error 404
								</a>
							</li>

							<li>
								<a href="error-500.html">
									<i class="icon-double-angle-right"></i>
									Error 500
								</a>
							</li>

							<li>
								<a href="grid.html">
									<i class="icon-double-angle-right"></i>
									Grid
								</a>
							</li>

							<li>
								<a href="blank.html">
									<i class="icon-double-angle-right"></i>
									Blank Page
								</a>
							</li>
						</ul>
					</li>
				</ul><!--/.nav-list-->

				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="icon-double-angle-left"></i>
				</div>
			</div>

			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li>
							<i class="icon-home home-icon"></i>
							<a href="#">首页</a>

							<span class="divider">
								<i class="icon-angle-right arrow-icon"></i>
							</span>
						</li>
						<li class="active">订单管理</li>
					</ul><!--.breadcrumb-->

					
				</div>

				<div class="page-content">
					<div class="page-header position-relative">
						<h1>
							订单管理
							<small>
								<i class="icon-double-angle-right"></i>
								订单对账
							</small>
						</h1>
					</div><!--/.page-header-->

					<div class="row-fluid">
						<div class="widget-box transparent">
							<div class="widget-header widget-header-flat" style="margin-left:18%;width:70%;">
								<h4 class="lighter">
									<i class="icon-star orange"></i>
									搜索条件
								</h4>
							</div>
							<table>
							<tr>
							<td>
							<div class="widget-body">
								<div class="widget-main">
									<div class="span12">
										<div class="form-horizontal">
											<div class="control-group">
												<div class="controls" style="margin-left:10px;">
													<table>
														<tr>
														<td>
														<span class="help-inline">
															<label class="control-label" style="margin-right:10px;">原始订单编号</label>
															<input id="thirdOrderId" type="text" placeholder="输入订单编号，支持模糊查询">
															<span class="help-inline">(淘宝、京东等第三方订单编号)</span>
														</span>
														</td>
														</tr>
														<tr style="height:40px;">
														<td>
														<span class="help-inline">
															<label class="control-label" style="margin-right:10px;">内部订单编号</label>
															<input id="orderId" type="text" placeholder="输入订单编号，支持模糊查询">
															<span class="help-inline">(o2o云推广内部订单编号)</span>
														</span>
														</td>
														<td>
														<span class="help-inline">
															<label class="control-label" style="margin-right:10px;">收货人地址信息</label>
															<input id="reveiverAdd" type="text" placeholder="支持模糊查询">
														</span>
														</td>
														</tr>
														<tr style="height:40px;">
														<td>
														<span class="help-inline">
														<label class="control-label" style="margin-right:10px;">订单状态</label>
															<select id="orderStatus">
																		<option value="">全部
																		</option><option value="TRADE_FINISHED">订单完成
																		</option><option value="TRADE_CLOSED_BY_TAOBAO">淘宝关闭订单
																		</option><option value="TRADE_CLOSED">订单关闭
																		</option><option value="WAIT_SELLER_SEND_GOODS">待发货
																		</option><option value="WAIT_BUYER_CONFIRM_GOODS">待收货
														                </option><option value="WAIT_BUYER_PAY">代付款
																	</option></select>
														</span>
														</td>
														<td>
														<span class="help-inline">
															<label class="control-label" style="margin-right:10px;">下单时间</label>
															<input id="orderStartDate" class="laydate-icon" onclick="laydate()" readonly> -
															<input id="orderEndDate" onclick="laydate()" class="laydate-icon" readonly>
														</span>
	 
														</td>
														</tr>
													</table>
													
												</div>
											</div>
											
											
											
										</div>
									</div>
									
									
								</div>
								
								
							</div>
							<!--/widget-body-->
							</td>
							<td>
								<div style="text-align: right; padding-right:45%;">
									<button style="width: 100px; height: 100px; font-size: 30px;" class="btn btn-primary" id="btnSubmit" > 搜索 </button>
								</div>
							</td>
							</tr>
							</table>
							
							<div style="margin-left: 220px; width: 70%; color: red;" class="widget-header widget-header-flat">
								用于查询来源于第三方的订单和第三方物流的发货单据的比对结果。
							</div>
						</div>
					</div><!--/.row-fluid-->
					
					<div class="row-fluid">
						<h3 style="line-height:45px;" class="header smaller lighter blue">搜索结果
							<span style="float: right; margin-right: 20px;">
								<button class="btn btn-app btn-grey btn-mini radius-4" style="width:50px;height:45px;">
									<i class="icon-save bigger-160"></i>
																
								</button>
						  </span>
						</h3>
						<div class="table-header">
							搜索结果来自于搜索条件
						</div>
						<div>
						<table id="tbl_order_info" class="table table-striped table-bordered table-hover" >
							<thead>
								<tr>									
								    <th>订单编号</th>
									<th>订单状态</th>
									<th>用户ID</th>
									<th>买家支付宝号</th>
									<th>买家名</th>
									<th>买家昵称</th>
									<th>买家留言</th>
									<th>发票名称</th>
									<th>发票金额</th>
									<th>收货人姓名</th>
									<th>商品总金额</th>
									<th>应付金额</th>
									<th>运费</th>
									<th>订单优惠金额</th>
									<th>订单总金额</th>
									<th>公司实际收入金额</th>
									<th>订单创建时间</th>
								</tr>
							</thead>

							<tbody>
							   <tr>
							      <td colspan='17'>无</td>
							   </tr>
							</tbody>
						</table>
						</div>
					</div>
					<div id='div_pageInfo' class="row-fluid">
						<ul class="pager">
							<li>
								<a href="#">首页</a>
							</li>
							<li>
								<a href="#">← 上一页</a>
							</li>
							<li>
								<a href="#">下一页 →</a>
							</li>
							<li>
								<a href="#">尾页</a>
							</li>
							<li>
								共0条 共0页 到<input type="number" style="width:50px;">页
							</li>
						</ul>
					</div>
					
				</div><!--/.page-content-->

				
			</div><!--/.main-content-->
		</div><!--/.main-container-->

	

		<!--basic scripts-->

		<!--[if !IE]>-->

		<script src="http://ajax.useso.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

		<!--<![endif]-->

		<!--[if IE]>
<script src="http://ajax.useso.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

		<!--[if !IE]>-->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='../../../Public/assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!--<![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='../../../Public/assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='../../../Public/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		
		
		<script src="../../../Public/assets/js/bootstrap.min.js"></script>

		<!--page specific plugin scripts-->

		<!--[if lte IE 8]>
		  <script src="../../../Public/assets/js/excanvas.min.js"></script>
		<![endif]-->

		<script src="../../../Public/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="../../../Public/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="../../../Public/assets/js/jquery.slimscroll.min.js"></script>
		<script src="../../../Public/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script src="../../../Public/assets/js/jquery.sparkline.min.js"></script>
		<script src="../../../Public/assets/js/flot/jquery.flot.min.js"></script>
		<script src="../../../Public/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script src="../../../Public/assets/js/flot/jquery.flot.resize.min.js"></script>

		<!--ace scripts-->

		<script src="../../../Public/assets/js/ace-elements.min.js"></script>
		<script src="../../../Public/assets/js/ace.min.js"></script>
		<script src="../../../Public/js/laydate/laydate.js"></script>
		<script src="/Public/js/ajaxService.js"></script>
		<script src="/Public/js/project/common.js"></script>
		<script src="../../../Public/js/order.js"></script>
		

		<!--inline scripts related to this page-->

	</body>
	
</html>


